<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> -->
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
		
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<!-- <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> -->
		<link rel="stylesheet" href="css/iview.css">
		<!-- 引入组件库 -->
		
		<!-- <script src="//unpkg.com/iview/dist/iview.min.js"></script> -->
		<script src="./js/iview.js"></script>
		<script src="js/vue-resource.js"></script>
		<script src="./js/golable_url.js"></script>
		
		


    </head>
    <body>
        <div class="layui-fluid" id="appDesktop">
            <div class="layui-row layui-col-space15">

<!-- 第一个卡片 数量 -->
                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                       <div class="layui-card-header">各状态总数量</div>
					   
                       <div class="layui-card-body" style="min-height: 280px;">
						   <List  border size="large">
						       <List-item>
								   <strong>总用户数量:&nbsp;&nbsp;&nbsp;<span style="color: red;font-size: 20px;">{{UserSum}}</span>&nbsp;&nbsp;&nbsp;个</strong>   
							   </List-item>
						       <List-item>
						       	  <strong>总车辆数量:&nbsp;&nbsp;&nbsp;<span style="color: red;font-size: 20px;">{{carSum}}</span>&nbsp;&nbsp;&nbsp;辆</strong>   
						       </List-item>
							    <List-item>.....</List-item>
						   </List>
                        </div>
						
                    </div>
                </div>
<!-- ^^^^^^^^第一个卡片 数量 -->		
		
<!-- 第二个卡片 通过起止时间、审核状态获取时间段内新增车辆列表 -->				
                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">后续开发</div>
                        <div class="layui-card-body" style="min-height: 680px;">
                            

                        </div>
                    </div>
                </div>
<!-- ^^^^^^^^第二个卡片 按时间查询 -->	
			
				
<!--                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">用户来源</div>
                        <div class="layui-card-body" style="min-height: 280px;">
                            <div id="main3" class="layui-col-sm12" style="height: 300px;">
	
							</div>

                        </div>
                    </div>
                </div> -->
				
<!--                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">硬盘使用量</div>
                        <div class="layui-card-body" style="min-height: 280px;">
                            <div id="main4" class="layui-col-sm12" style="height: 300px;"></div>

                        </div>
                    </div>
                </div> -->
            </div>
        </div>

		<script src="./js/my-desktop.js"></script>
    </body>
</html>